<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>机构端</title>
        <script src="/Public/static/jquery-2.0.3.min.js"></script>
        <script src="/Public/static/layer/layer.js"></script>
        <link rel="stylesheet" href="__PUBLIC__/Home/css/reset.css">
        <link rel="stylesheet" href="__PUBLIC__/Home/css/style.css">
        <link rel="stylesheet" href="__PUBLIC__/Home/css/page.css" />
        <script src="/Public/static/jPages.js"></script>
        <style>
		    .holder a{border:1px solid #e1e1e1;color:#909090;cursor:pointer;}
		    .jp-current{padding:6px 6px;border:1px solid #e1e1e1;background:#f55555;cursor:pointer;}
		    .holder .jp-current{color:#fff;cursor:pointer;}
		    .page{margin: 0 0 0 0}
		</style>
	</head>

	<body class="agency_box contentBox pos_rel dpflxr">
		<include file="head" />

		<!-- 2.垂直导航 -->
		<div class="navColumn">
			<a href="{:U('Mechanism/index')}" <if condition="$cur eq '信息设置'">class="navColumnItem actived dpflxr pos_rel"<else/>class="navColumnItem dpflxr pos_rel"</if> data-type='1'>
				<div class="lineColumn pos_abs"></div>
				<label for="">信息设置</label>
				<div class="rightArrow">
				</div>
			</a>
			<a href="{:U('Mechanism/department_manage')}" <if condition="$cur eq '部门管理'">class="navColumnItem actived dpflxr pos_rel"<else/>class="navColumnItem dpflxr pos_rel"</if> data-type='2'>
				<div class="lineColumn pos_abs"></div>
				<label for="">部门管理</label>
				<div class="rightArrow">
				</div>
			</a>
			<a href="{:U('Mechanism/staff')}" <if condition="$cur eq '员工管理'">class="navColumnItem actived dpflxr pos_rel"<else/>class="navColumnItem dpflxr pos_rel"</if> data-type='3'>
				<div class="lineColumn pos_abs"></div>
				<label for="">员工管理</label>
				<div class="rightArrow">
				</div>
			</a>
			<a href="{:U('Mechanism/role_manage')}" <if condition="$cur eq '权限管理'">class="navColumnItem actived dpflxr pos_rel"<else/>class="navColumnItem dpflxr pos_rel"</if> data-type='4'>
				<div class="lineColumn pos_abs"></div>
				<label for="">权限管理</label>
				<div class="rightArrow">
				</div>
			</a>
			<a href="{:U('Mechanism/punch_record')}" <if condition="$cur eq '打卡记录'">class="navColumnItem actived dpflxr pos_rel"<else/>class="navColumnItem dpflxr pos_rel"</if> data-type='5'>
				<div class="lineColumn pos_abs"></div>
				<label for="">打卡记录</label>
				<div class="rightArrow">
				</div>
			</a>
		</div>

		<!-- 3.垂直导航分类页面 -->
	
		<!-- 3.3 员工管理  -->
		<div class="contentArea tabPage actived">			
			<!-- 3.3.3 工作汇报 -->
			<div id="workReport" >
				<div class="caTitleBox dpflxr">
					<label for="" class="caTitle">工作汇报</label>
					<div class="dpflxr">
						<input type="text" class="searchBox" placeholder="请输入员工姓名"/>
						<div class="dateSelectBox dpflxr">
							<input type="date" class="dateBox" />
							<label>~</label>
							<input type="date" class="dateBox" />
						</div>
						
						<div class="headItem  dpflxr">
							<select name="" id="" class="selectBox">
								<option value="">选择部门</option>
								<option value="">选择部门</option>
							</select>
						</div>
						<div class="caBtn searchBtn">查询</div>
					
						<div id="setReport" class="caBtn">汇报设置</div>
					</div>
				</div>
				
				<div class="caTable card">
					<table border="0" width="100%">
							<tbody>
								<tr>
									<th scope="col" width="28%" style="border-top-left-radius: 6px;">汇报主题</th>
									<th scope="col" width="13%">员工姓名</th>
									<th scope="col" width="11%">所属部门</th>
									<th scope="col" width="11%">角色</th>
									
									<th scope="col" width="13%">汇报时间</th>
									
									<th scope="col" width="24%" style="border-top-right-radius: 6px;box-sizing: border-box; padding-left: 8%;" >操作</th>
								</tr>


								<tr>
									<td>2020年下半年工作总结汇报</td>
									<td>张三</td>
									<td >销售部</td>
									<td>置业顾问</td>
								
									
									<td>2021-02-02</td>
									
									<td style="box-sizing: border-box; padding-left: 8%;" ><a class="checkDetailBtn">查看详情</a><a>删除</a></td>
								</tr>
								
							<input type="hidden" id="tzb">	
							</tbody>
					</table>
				</div>
			<div class="page">
	            {$_page}
	        </div>
			</div>
						
		</div>
		
		
		<!-- 4.弹窗部分 -->
		<!-- [shadowLayer] -->
		<div class="shadowLayer pos_abs dpflx" id="shadowLayer">
			
			<!-- 弹窗1 汇报设置 -->
			<div id="reportSetting" class="pupupWindows">
				<div class="pwTitle dpflxr">
					<label>汇报设置</label>
					<div id="closeBtn" class="closeBtn">
						<img src="__PUBLIC__/Home/images/icon_close1.png" >
					</div>
				</div>
				<div class="pwContent">
					<div class="caTable card">
						<table border="0" width="100%">
								<tbody>
									<tr>
										<th scope="col" width="82%" >选项名称</th>												
										<th scope="col" width="28%" style="border-top-right-radius: 6px;box-sizing: border-box; " >操作</th>
									</tr>

											
									<tbody  id="itemContainer">
										<volist name="p_list" id="item">
												<tr>
													<td>XXXXXXXXXXXXX选项</td>																				
													<td style="box-sizing: border-box;" ><a>删除</a></td>
												</tr>	
										</volist>
									</tbody>




								</tbody>
						</table>
					</div>
					<div class="dpflxrjb">
			            <div class="page">
			                <div class="holder" style="font-size:12px;"></div>
			            </div>
						<div id="addOption" class="pwBtn"><label>新增选项</label>
						</div>
						
					</div>	
																		
				</div>
				
			</div>
		
			<!-- 弹窗2 查看详情 -->
			<div id="checkDetail" class="pupupWindows">
				<div class="pwTitle dpflxr">
					<label>汇报详情</label>
					<div id="closeBtn3" class="closeBtn">
						<img src="__PUBLIC__/Home/images/icon_close1.png" >
					</div>
				</div>
				<div class="pwContent">
					<label>富文本内容</label>
																		
				</div>
				
			</div>
					
		</div>
		<!-- [/shadowLayer] -->
		
		<!-- 5.2级弹窗部分 -->
		<!-- [shadowLayer] -->
		<div id="shadowLayer2" class="shadowLayer pos_abs dpflx">
			
			
			<!-- 弹窗1 新增选项 -->
			<div id="addOptionPage" class="addOptionPage pupupWindows pos_rel">
				<div class="pwTitle dpflxr">
					<label>新增选项</label>
					<div id="closeBtn2" class="closeBtn">
						<img src="__PUBLIC__/Home/images/icon_close1.png" >
					</div>
				</div>
				<div class="contentItem  dpflxr">
					
					<input type="text" class="inputBox" placeholder="请输入选项名称"
						placeholder-style="font-size:16px;line-height:48px;color:#bfa;"/>
					
				</div>
				<div  class="pwBtn pos_abs"><label>确定</label></div>
			</div>
		</div>
		<!-- [/shadowLayer] -->
		

		<!-- 弹窗js文件 -->
		<script type="text/javascript" src="__PUBLIC__/Home/js/popupWindows.js"></script>
	</body>
</html>
<script type="text/javascript">
    $('body').on('click','#setReport', function(){
    	$("#shadowLayer").show();
        var bb=$("#tzb").val();
        //第一次进来我需要它加载这个，后面再点击就不需要加载了，不然会显示一页
        if(bb!=1){
	       $("div.holder").jPages({
	            containerID : "itemContainer",
	            perPage: 6
	        });
        }

        $("#tzb").val(1);
    })


    
</script>